<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<!-- 操作属性 
			1、 什么是标签属性 class id  src alt href 
			2、操作属性 ： 获取属性值  设置属性
				获取属性： 直接调用属性的名称，class特殊 === className
			3、标签的标准属性，使用以上的操作方式。
				咱们可以给标签自定义属性，这样的属性不能这样简单操作。
				
			4、属性通用操作方式：标准属性 、自定义属性性
				setAttribute(属性名称,属性值) --- 设置指定的属性值
				getAttribute(属性名称)  ----- 获取指定的属性值
		-->
		
		<img src="img/ganlai.gif" class="aaa" sunchen="123">
		<img src="" alt="" >
		<script>
			// 获取标签
			var img1 = document.querySelectorAll("img")[0]
			var img2 = document.querySelectorAll("img")[1]
			
			/* 设置属性*/
			// img2.setAttribute("sunchen","123")
			// 获取属性
			var src = img1.getAttribute("src")
			// 设置属性
			img2.setAttribute("src",src)
		</script>
	</body>
</html>
